<template>
	<view class="page">
		<view class="head">
			<image class="img" src="../../static/lzfa-head.png" mode=""></image>
		</view>
		<view class="dingwei">
			<image class="icon" src="../../static/dingwei-1.png" mode=""></image>
			<text>重庆</text>
		</view>
		<view class="tip">
			<image src="../../static/gou-full-icon.png" mode=""></image>
			<view class="text">
				根据高考前段考，一模，二模成绩，由系统生成考生的励志方案，将目标明确化，从而激发考生学习主动性，努力达到更高目标
			</view>
		</view>
		<view class="row">
			<view class="title">
				考试阶段
			</view>
			<view class="select">
				<picker @change="bindPickerChange" :value="index" :range="array">
					<view class="uni-input" v-if="index == -1">请选择考试阶段</view>
					<view class="uni-input" v-else>{{array[index]}}</view>
				</picker>
				<view class="iconfont iconxxjtfull"></view>
			</view>
		</view>
		<view class="row">
			<view class="title">
				考试类型
			</view>
			<view class="select">
				<picker @change="bindPickerChange" :value="index" :range="array">
					<view class="uni-input" v-if="index == -1">请选择考试类型</view>
					<view class="uni-input" v-else>{{array[index]}}</view>
				</picker>
				<view class="iconfont iconxxjtfull"></view>
			</view>
		</view>
		<view class="row">
			<view class="title">
				高考分数
			</view>
			<view class="select">
				<input type="digit" value="" placeholder="请填写高考分数" placeholder-class="placeholder" />
			</view>
		</view>

		<view class="btn" @click="submit">
			生成励志方案
		</view>

		<!-- 表格 -->
		<view class="table-wrap">
			<view class="title">
				基于2020年实际录取数据
			</view>
			<view class="table">
				<view class="tr">
					<view class="td">87191916</view>
					<view class="td">张三</view>
					<view class="td">男</view>
					<view class="td">普通理科</view>
				</view>
				<view class="div">
					<view class="h1">
						段考：已生成（480分）
					</view>
					<view class="h2">
						一模：励志方案未生成
					</view>
					<view class="h2">
						二模：励志方案未生成
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: -1,
				array: ['2020-01-01', '2020-01-02', '2020-01-03', '2020-01-04'],
			}
		},
		methods: {
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value
			},
			submit(){
				uni.navigateTo({
					url:'../lizhifanganjieguo/lizhifanganjieguo'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import 'lizhifangan.scss';
	@import '../../common/icon/iconfont.css';
</style>
